<%@ page language="java" import="java.util.*,com.opensymphony.xwork2.util.*,com.base.service.AddressService" 
pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="json" uri="http://www.atg.com/taglibs/json" %>  

<!doctype html>
<html lang="zh-hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/main.css">    
<script src="lib/jquery-2.1.1.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<title>HIFO</title>
<!-- 省市区 -->
<script type="text/javascript">
function tijiao(){
	$("#type").val("b");
	document.form1.submit();
}


$(document).ready(function(){ 
$('#S1').change(function(){ 
	tijiao();
});
$('#S2').change(function(){ 
	tijiao();
});

});




</script>
</head>
<body>
<%@ include file="_daohang.jsp" %>	
<form name="form1" action="kh_add" method ="post">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h5 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
基本信息
</a>
</h5>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body khdetail">
           
<!-- #################基本信息 START ###################         -->
<!--隐藏表单域 用来存放client ID -->
<div class="form">
	<input type="text" name="cid" id="cid" value="<s:property value="cid"/>">
	<input type="text" name="type" id="type" value="<s:property value="type"/>" >
	<input type="text" class="form-control" id="exampleInputAmount" value="<s:property value="tip"/>">
</div>

<div class="form-group">  
<div class="input-group">
<div class="input-group-addon"><img class="home" src="images/phone.png"></div>

<input id="phone1" name="phone1" type="text" class="form-control" id="exampleInputAmount" placeholder="电话" value="<%=request.getAttribute("phone1")==null?"":request.getAttribute("phone1")%>">
<div class="input-group-addon"><img class="home" src="images/add.png"></div>
</div>


<div class="input-group hide"> <!--后面的电话2初始隐藏 重复START-->
<div class="input-group-addon"><img class="home" src="images/phone.png"></div>
<input id="phone2" name="phone2" type="text" class="form-control" id="exampleInputAmount" placeholder="电话" value="<%=request.getAttribute("phone2")==null?"":request.getAttribute("phone2")%>">
<div class="input-group-addon"><img class="home" src="images/trash03.png"></div>
</div>                    <!--后面的电话初始隐藏 重复END-->

<div class="input-group hide"> <!--后面的电话3初始隐藏 重复START-->
<div class="input-group-addon"><img class="home" src="images/phone.png"></div>
<input id="phone3" name="phone3" type="text" class="form-control" id="exampleInputAmount" placeholder="电话" value="<%=request.getAttribute("phone3")==null?"":request.getAttribute("phone3")%>">
<div class="input-group-addon"><img class="home" src="images/trash03.png"></div>
</div>                    <!--后面的电话初始隐藏 重复END-->

<div class="input-group">
<div class="input-group-addon"><img class="home" src="images/name.png"></div>
<input id="name" name="name" type="text" class="form-control" id="exampleInputAmount" placeholder="姓名" value="<%=request.getAttribute("name")==null?"":request.getAttribute("name")%>">
</div>

<div class="input-group">
<div class="input-group-addon"><img class="home" src="images/company.png"></div>
<input name="comName" type="text" class="form-control" id="exampleInputAmount" placeholder="公司名称" value="<%=request.getAttribute("comName")==null?"":request.getAttribute("comName")%>">
</div>        

    
<div class="input-group">
<div class="input-group-addon">省&nbsp;</div>

<s:select id="S1" name="add1Code" cssClass="form-control" list="#request['add1']" listKey="code" listValue="name" />

<!--<div class="input-group-addon"><img class="home" src="images/zanwei.png"></div>-->
</div>
    
<div class="input-group">
<div class="input-group-addon">市&nbsp;</div>
<s:select id="S2" name="add2Code" cssClass="form-control" list="#request['add2']" listKey="code" listValue="name" />

<!--<div class="input-group-addon"><img class="home" src="images/busy.png"></div>-->
</div>
    
<div class="input-group">
<div class="input-group-addon">区&nbsp;</div>
<s:select id="S3" name="add3Code" cssClass="form-control" list="#request['add3']" listKey="code" listValue="name" />

<!--<div class="input-group-addon"><img class="home" src="images/no.png"></div>-->
</div>
    
    
<div class="input-group">
<div class="input-group-addon"><img class="home" src="images/memo.png"></div>
<textarea name="memo" class="form-control" rows="2" cols="10"><%=request.getAttribute("memo")==null?"":request.getAttribute("memo")%></textarea>
<!--<div class="input-group-addon"><img class="home" src="images/yes.png"></div>-->
</div>
  
</div><!--form-group-->
<!-- ################基本信息 END   ###########################       -->           
           
           
           
           
           
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
扩展信息
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body khdetail">


<!-- 扩展信息 START   #####################   -->


<!--挖掘机品牌--><div><hr>现有挖机品牌</div>
<div class="form-group">
<s:checkboxlist name="chose1" list="{'卡特','小松','日立','斗山','现代','沃尔沃','神钢','其他'}" value="#request.chose1"/> <br/>
</div>

<!--装载机品牌--><div><hr>现有装机品牌</div>
<div class="form-group">
<s:checkboxlist name="chose2" list="{'柳工','临工','成工','龙工','厦工','山工','其他'}" value="#request.chose2"/> <br/>
</div>

<!--欲购设备类型--><div><hr>欲购设备类型</div>		
<div class="form-group">
<s:checkboxlist name="chose3" list="{'挖掘机','装载机','其他'}" value="#request.chose3"/> <br/>
</div>

<!--客户类型--><div><hr>客户分类</div>
<div class="container"><div class="row">

<s:radio name="chose4" list="#{'a':'无&nbsp;','b':'作废&chi;','c':'标记&clubs;','d':'一般&diams;','e':'重要&spades;'}" listKey="key" listValue="value" />

</div></div><!--row--container-->

<!--给赞--><div><hr>经纪人给赞</div>
<div class="container"><div class="row">
<s:radio name="chose5" list="#{'a':'无&nbsp;','b':'赞&hearts;'}" listKey="key" listValue="value" />
</div></div><!--row--container-->


<!--欲购时间--><div><hr>预计购机时间</div>
<div class="container"><div class="row">
<div class="col-xs-12">预计达成销售时间为：2015/03/12</div>
	<s:select name="chose6"  list="#{'a':'无','b':'一月内;','c':'二月内','d':'三月内'
		,'e':'四月内','f':'五月内','g':'半年内','h':'一年内'}" listKey="key" listValue="value" 
	/>
</div></div><!--row--container-->



<!--  扩展信息 END    ####################  -->

</div></div>

<div class="container navbar-fixed-bottom">
<div class="row">
<!--<div class="col-xs-4"><button type="button" class="btn btn-success">新建</button></div>-->
<div class="col-xs-4"></div>
<!--<div class="col-xs-4"><button type="button" class="btn btn-success">暂存</button></div>-->
<div class="col-xs-8">
    <button type="button" class="btn btn-info center-block" data-toggle="modal" data-target="#myModal">提交</button>
</div>
</div>
</div>

</div></div>   				
				
<!-- 按钮触发模态框 START-->    
<!--
<div class="container navbar-fixed-bottom">
<button type="button" class="btn btn-info center-block" data-toggle="modal" data-target="#myModal">提交</button>
</div>
-->
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<!--<h4 class="modal-title" id="myModalLabel">确认修改</h4>-->
</div>
<!--此处可以加入很多信息-->
<div class="modal-body">
    <input type="button" class="btn btn-primary" value="确定提交"  onClick="javascript:document.form1.submit()"  />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
$(function () { $('#myModal').modal({
	keyboard:false;
})});
</script>
<!--按钮触发模态框 END -->

</form>				

</body>
</html>